<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>file上传直接显示图片</title>
</head>
<body>
	<input type="file" id='file' onchange="desfile()">
	<img src="" id='show'>
</body>
<script type="text/javascript">
	function desfile () {
		var fr = new FileReader(); // 实例化一个FileReader类
		// 上传节点的file元素
		f = document.getElementById('file').files[0];
		// FileReader读取节点file元素的url
		fr.readAsDataURL(f);
		// 重载数据
		fr.onload = function  (e) {
			document.getElementById('show').src = this.result;
		}
	}
</script>
<script type="text/javascript">
	// jquery版
	// $('.file').change(function(){
	// 	var fr = new FileReader(); // 实例化 FileReader
	// 	d = $(this)[0].files[0]; // 得到节点
	// 	fr.readAsDataURL(d); // 读取节点URL
	// 	fr.onload = function  (e) {
	// 		$('.classk').html(this.result);
	// 	};
	// });
</script>
</html>